<template>
  <div>
    <Header></Header>
    <section
      data-test="page-section"
      data-section-theme="black"
      class="page-section layout-engine-section background-width--full-bleed section-height--small content-width--medium horizontal-alignment--center vertical-alignment--middle has-background black"
      data-section-id="607bf9c9a79f9205b0d3ea7b"
      data-controller="SectionWrapperController"
      data-animation="none"
      data-controllers-bound="SectionWrapperController"
      style="padding-top: 267.656px"
      data-active="true"
    >
      <div class="section-border">
        <div class="section-background" style="top: 267.656px">
          <img
            alt=""
            data-src="../../assets/imgs/jktj1.png"
            data-image="../../assets/imgs/jktj1.png"
            data-image-dimensions="1920x1278"
            data-image-focal-point="0.5314685314685315,0.015750615258408485"
            data-load="false"
            elementtiming="nbf-background"
            src="../../assets/imgs/jktj1.png"
            width="1920"
            height="1278"
            sizes="(max-width: 799px) 200vw, 100vw"
            style="
              display: block;
              object-position: 53.14685314685315% 1.5750615258408485%;
            "
            srcset="
              ../../assets/imgs/jktj1.png?format=100w   100w,
              ../../assets/imgs/jktj1.png?format=300w   300w,
              ../../assets/imgs/jktj1.png?format=500w   500w,
              ../../assets/imgs/jktj1.png?format=750w   750w,
              ../../assets/imgs/jktj1.png?format=1000w 1000w,
              ../../assets/imgs/jktj1.png?format=1500w 1500w,
              ../../assets/imgs/jktj1.png?format=2500w 2500w
            "
            fetchpriority="high"
            loading="eager"
            decoding="async"
            data-loader="sqs"
          />
          <div class="section-background-overlay" style="opacity: 0.08"></div>
        </div>
      </div>
      <div class="content-wrapper" style="">
        <div class="content">
          <div
            class="sqs-layout sqs-grid-12 columns-12"
            data-type="page-section"
            id="page-section-6073ff55c64f9762a2a3667b"
          >
            <div class="row sqs-row">
              <div class="col sqs-col-12 span-12">
                <div
                  class="sqs-block html-block sqs-block-html"
                  data-block-type="2"
                >
                  <div class="sqs-block-content">
                    <div class="sqs-html-content">
                      <h1
                        style="
                          text-align: center;
                          white-space: pre-wrap;
                          transition-timing-function: ease;
                          transition-duration: 0.65s;
                          transition-delay: 0.264s;
                        "
                        class="h2-white h1-1"
                      >
                        Health <em style="font-weight: 300">Checkup</em>
                      </h1>
                      <p class="sqsrte-large">
                        The real significance of a health checkup is not only to
                        check whether the body is diseased, but also to see if
                        there is a risk of getting disease
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section
      data-test="page-section"
      data-section-theme=""
      class="page-section layout-engine-section background-width--full-bleed section-height--small content-width--medium horizontal-alignment--center vertical-alignment--middle"
    >
      <div class="content-wrapper">
        <div class="content">
          <div class="row sqs-row">
            <div class="col sqs-col-12 span-12">
              <div class="link-box">
                <router-link class="link-1" to="/healthservicesmenu"
                  >Full Service Menu</router-link
                >
              </div>
              <div class="tip1-botm">
                <h3><strong>Health Checkup</strong></h3>
              </div>
              <div class="tip2">
                <p>
                  There are quite a few medical examiners who think that the
                  physical examination is to detect whether the body has any
                  disease. After getting the medical report, I saw that there
                  were no major problems and discarded to one side. Some
                  hospital doctors said that early detection of sub-health
                  status and potential diseases through physical examination,
                  make adjustments and treatments in time, It is of great
                  significance to reduce medical expenses and improve the
                  quality of life!
                </p>
              </div>
              <div class="tip2">
                <p>
                  It is understood that the enthusiasm of the self-financed
                  medical examination personnel has not been high, and the
                  number of people who have come to participate in the medical
                  examination spontaneously for more than two consecutive years
                  accounted for less than 1% of the total number of physical
                  examinations that year.
                </p>
              </div>
              <div class="tip2">
                <p>
                  "Afraid to go for a physical examination." This is the most
                  common thought among many people, especially the middle-aged
                  and elderly people. Liao Zhancai believes that people who are
                  afraid of physical examinations usually have a fluke
                  mentality, especially those who have not had a major illness
                  when they are young. They are often overconfident in their
                  physical condition, but they don’t know that with time and
                  age, the body will show up like this or That kind of disease.
                  In particular, people with high work pressure, irregular work
                  and rest, and unhealthy eating habits most often experience
                  elevated transaminase, hyperlipidemia, hyperuricemia, and high
                  cholesterol. "It can be said that the longer people who do not
                  have a physical examination, the more afraid they will be of a
                  medical examination. This is an act of hiding their ears and
                  stealing the bell from the reality." The key reason for the
                  low rate of spontaneous physical examinations is everyone's
                  health examination. Insufficient understanding of meaning.
                </p>
              </div>
              <div class="tip1">
                <p>
                  <strong
                    >The real significance of a health checkup is not only to
                    check whether the body is diseased, but also to see if there
                    is a risk of getting disease, to fully understand your
                    physical condition, and to adjust your lifestyle and eating
                    habits in time based on the data of the physical examination
                    report to achieve active management of health. The purpose
                    of pre-treatment.</strong
                  >
                </p>
              </div>
              <div class="tip2">
                <p>
                  Hubei Houai Health Co., Ltd. cooperates with major hospitals
                  and medical institutions.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <Footer></Footer>
  </div>
</template>
<script>
import Header from "../../components/header.vue";
import Footer from "../../components/footer.vue";
export default {
  components: {
    Header,
    Footer,
  },
};
</script>
<style scoped>
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  h1 {
    /* font-size: calc((4 - 2)* 1.2vw + 1rem); */
    font-weight: 500;
  }
  h2 {
    font-size: calc(1.8 * 1.2vw + 1rem);
  }
  .h1-1 {
    font-size: calc((4 - 1) * 1.2vw + 1rem);
  }
}
@media screen and (min-width: 768px) {
  .content {
    width: 75%;
    word-break: break-word;
  }
}
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  h3 {
    font-size: calc(1.1 * 1.2vw + 1rem);
  }
}
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  .sqsrte-large {
    font-size: calc((1.4 - 1) * 1.2vw + 1rem);
  }
}
.sqsrte-large {
  text-align: center;
  color: #fff;
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.page-section.section-height--medium:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  min-height: 33vh;
}
.section-background {
  overflow: hidden;
  pointer-events: none;
}
.page-section.background-width--inset:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  padding-top: 4vw;
  padding-right: 4vw;
  padding-bottom: 4vw;
  padding-left: 4vw;
}
.section-background,
.section-background .section-background-content,
.section-background .section-background-canvas,
.section-background .section-background-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.background-width--inset:not(.content-collection):not(.gallery-section):not(
    .user-items-list-section
  )
  .section-background {
  top: 4vw;
  right: 4vw;
  bottom: 4vw;
  left: 4vw;
  /* position: absolute; */
}
.sqs-block:not(.sqs-block-html):not(.sqs-block-markdown) {
  clear: both;
}
.sqs-row::before,
.sqs-row::after {
  content: "";
  display: block;
  clear: both;
}
.sqs-block-html .sqs-block-content *:not(h1):not(h2):not(h3),
.sqs-block-html .sqs-html-content *:not(h1):not(h2):not(h3) {
  word-wrap: break-word;
}
.sqs-block {
  padding: 0 17px;
}
.tradiTip1 {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  width: 70%;
  left: 20%;
}
.section-background img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.section-background img {
  position: relative;
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
h1 {
  color: #fff;
}
h1 {
  text-align: center;
  white-space: pre-wrap;
  transition-timing-function: ease;
  transition-duration: 0.65s;
  transition-delay: 0.32s;
}
.h2-1 {
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
}
.page-section.vertical-alignment--middle:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section):not(.editmode-changing-rowcount) {
  align-items: center;
}
.page-section.section-height--small:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  min-height: inherit;
}
.sqs-col-12 {
  width: 100%;
}
.link-box {
  padding-bottom: 17px;
}
.link-1 {
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  background-color: #000;
  font-size: 14px;
}
.img-box {
  max-width: 390px;
  margin: 0 auto;
}
.tip1-botm {
  padding-bottom: 17px;
}
.tip1 h3 {
  margin-bottom: 0;
  text-align: center;
}
.tip2 {
  /* padding-bottom: 17px; */
  word-wrap: break-word;
  color: #333;
  line-height: 30px;
  font-family: poppins;
  font-weight: 300;
}
.tip3 p {
  margin: 17px 0;
  color: rgb(0, 36, 82);
}
.h3Css {
  padding-bottom: 0;
}
.h3Css h3 {
  text-align: left;
}
</style>
